<?php 
/**
 * Concept: Optional coming soon page
 * Copyright 2011 www.gradientpixels.ca
 * Theme: Incantation
 */
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />

<title><?php
	/*
	 * Print the <title> tag based on what is being viewed.
	 */
	global $page, $paged;

	wp_title( '|', true, 'right' );

	// Add the blog name.
	bloginfo( 'name' );

	// Add the blog description for the home/front page.
	$site_description = get_bloginfo( 'description', 'display' );
	if ( $site_description && ( is_home() || is_front_page() ) )
		echo " | $site_description";

	// Add a page number if necessary:
	if ( $paged >= 2 || $page >= 2 )
		echo ' | ' . sprintf( __( 'Page %s', 'gp' ), max( $paged, $page ) );

	?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />

<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php wp_enqueue_script('jquery'); // Load jQuery ?>
<?php // Comment threading
	if ( is_singular() && get_option( 'thread_comments' ) )
		wp_enqueue_script( 'comment-reply' );
	// wp_head Do not remove.
	wp_head();
?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<!--[if lte IE 8]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]-->

<style type="text/css">
<!--
#coming-wrapper {margin:10em auto; padding-top:.063em; border-top:.625em solid #7090a8; border-bottom:.938em solid #000; background-color:#fff; max-width:1100px;	-webkit-box-shadow: 0 0 .625em .375em rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 .625em .375em rgba(0, 0, 0, 0.4); box-shadow: 0 0 .625em .375em rgba(0, 0, 0, 0.4); text-align:center; }
#coming-branding h1 {font:normal 3em 'Dancing Script', Arial, Helvetica, sans-serif; margin:.55em 0 .5em;}
h2 {margin-bottom:.688em; font:normal 2em 'Cuprum', Georgia, "Times New Roman", Times, serif;	color:#333;}
#content {text-align:center;}
#social {display:inline-block;width:auto; margin:auto; text-align:center;}
#social img {margin:.75em 0 1.5em; float:left;}
#countdown-wrapper {padding-top:15px; height:35px; background-color:#000; position:relative; margin:0 auto 35px;}
#countdown_dashboard {height: 80px; width:570px; margin:0px auto 0px auto;}
.dash {width: 90px; height: 60px; float: left; margin-left: 20px;position: relative; }
.dash .digit {font-size: 30px; font-weight: bold; float: left; width: 40px; text-align: center; color: #c09a50; position: relative;}
.dash_title {position: absolute; display: block; bottom: 0px; left: 0px; font-size: 10px; color: #555; text-transform: uppercase; letter-spacing: 2px; width:90px; text-align:center;}
* html .clearfix {height:1%;}
html[xmlns] .clearfix { display:block; }
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
-->
</style>
<!--[if lte IE 8]>
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/ie8.css" media="screen" type="text/css" />
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'>
 <script src="http://localhost/wordpress/wp-content/themes/incantationPro/js/jquery.countdown.js" type="text/javascript"></script>

   <script type="text/javascript">

		jQuery(document).ready(function(){ 

			jQuery('#countdown_dashboard').countDown({

				targetDate: {

					'day': 		31,

					'month': 	12,

					'year': 	2012,

					'hour': 	11,

					'min': 		0,

					'sec': 		0

				}

			});

    	}); 

    </script> 

</head>
<body>
<?php the_post(); ?>
<div id="coming-wrapper" style="border-top-color:<?php echo of_get_option('top_border'); ?>; border-bottom-color:<?php echo of_get_option('bottom_border'); ?>;">
<div id="coming-branding"><h1>Incantation Pro</h1></div>
<div id="content"><h2><?php echo of_get_option('soon_title'); ?></h2>
<?php echo of_get_option('soon_message'); ?></div>
<span id="social" class="clearfix">
<?php if ( of_get_option('twitter') ) { // Shows or hides this group ?>
<a title="twitter" href="<?php echo of_get_option('twitter_link'); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/icons/twitter.png" alt="twitter" border="0"></a>
<?php } ?>
<?php if ( of_get_option('facebook') ) { // Shows or hides this group ?>
<a title="facebook" href="<?php echo of_get_option('facebook_link'); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/icons/facebook.png" alt="facebook" border="0"></a>
<?php } ?>
<?php if ( of_get_option('googleplus') ) { // Shows or hides this group ?>
<a title="google +" href="<?php echo of_get_option('google_link'); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/icons/googleplus.png" alt="Google +" border="0"></a>
<?php } ?>
<?php if ( of_get_option('linkedin') ) { // Shows or hides this group ?>
<a title="linkedin" href="<?php echo of_get_option('linkedin_link'); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/icons/linkedin.png" alt="Linkedin" border="0"></a>
<?php } ?>
<?php if ( of_get_option('feedburner') ) { // Shows or hides this group ?>
<a title="Feedburner" href="<?php echo of_get_option('feedburner_link'); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/icons/feedburner.png" alt="Feedburner" border="0"></a>
<?php } ?>
<?php if ( of_get_option('rss') ) { // Shows or hides this group ?>
<a title="rss" href="<?php echo of_get_option('rss_link'); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/icons/rss.png" alt="rss" border="0"></a>
<?php } ?>
</span>
<div id="countdown-wrapper">
	<div id="countdown_dashboard">
		<div class="dash weeks_dash">
			<span class="dash_title"><?php _e( 'weeks', 'gp' ); ?></span>
			<div class="digit">0</div>
			<div class="digit">0</div>
		</div>  
		<div class="dash days_dash">
			<span class="dash_title"><?php _e( 'days', 'gp' ); ?></span>
			<div class="digit">0</div>
			<div class="digit">0</div>
		</div>
		<div class="dash hours_dash">
			<span class="dash_title"><?php _e( 'hours', 'gp' ); ?></span>
			<div class="digit">0</div>
			<div class="digit">0</div>
		</div>
	   <div class="dash minutes_dash">
			<span class="dash_title"><?php _e( 'minutes', 'gp' ); ?></span>
			<div class="digit">0</div>
			<div class="digit">0</div>
		</div>
		<div class="dash seconds_dash">
			<span class="dash_title"><?php _e( 'seconds', 'gp' ); ?></span>
			<div class="digit">0</div>
			<div class="digit">0</div>
		</div>
		<div class="clear"></div>
	</div>
</div><!-- #countdown_dashboard -->
</div>



</body>
</html>